@import url('./reset.css');


.header .container{
    
    padding-top: 19px;
    box-sizing: border-box;
    height: 82px;
}
.header .container .box{
    height: 44px;
    width: 1082px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.header .container .box img{
    width: 162px;
	height: 44px;
}
.header .container .box ul{
    display: flex;
    width: 614px;
    justify-content: space-between;
    align-items: center;
}
.header .container .box li{
    font-size: 14px;
    text-align: center;
}

.header .container .box a{
    text-decoration: none;
    color: black;
}
/* banner 图 */
.banner .container img{
    width: 100%;
}
/* server 服务区 */
.server .container{
    margin-top: 61px;
    height: 406px;
}
.server .container .box{
    margin: 0 auto;
    width: 981px;
	height: 283px;

    box-sizing: border-box;
}
.server .container .box .top{
    text-align: center;
}
.server .container .box .top div:nth-child(1){
	font-size: 20px;
	position: relative;
	color: #363636;
}
.server .container .box .top div:nth-child(2){
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	margin-top: 10px;
	color: #9f9f9f;
}
.server .container .box .top div:nth-child(1)::before{
    position: absolute;
    content: '';
    display: block;
    width: 96px;
	height: 1px;
	background-color: #c3c3c3;
    left: 326px;
    top: 12px;
}
.server .container .box .top div:nth-child(1)::after{
    position: absolute;
    content: '';
    display: block;
    width: 96px;
	height: 1px;
	background-color: #c3c3c3;
    right: 326px;
    top: 12px;
}
.server .container .box ul{
    display: flex;
    justify-content: space-between;
}
.server .container .box li img{
    width: 102px;
	height: 102px;
    margin-left: 42px;
    margin-top: 24px;
    margin-bottom: 24px;
}
.server .container .box li div{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #6d6d6d;
}
.server .container .box li .first{
    font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #434343;
    text-align: center;
}
.server .container .box li .three{
    text-align: center;
}

/* example 案例 */
.example{
    padding-top: 55px;
    background-color: rgb(248, 248, 248);
    height: 397px;
}
.example .container{
    width: 1060px;
    margin: 0 auto;
}
/* 重复 */
.example .container .box .top{
    
    text-align: center;
}
.example .container .box .top div:nth-child(1){
	font-size: 20px;
	position: relative;
	color: #66c5b4;;
}
.example .container .box .top div:nth-child(2){
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	margin-top: 10px;
	color: #9f9f9f;
}
.example .container .box .top div:nth-child(1)::before{
    position: absolute;
    content: '';
    display: block;
    width: 96px;
	height: 1px;
	background-color: #c3c3c3;
    left: 326px;
    top: 12px;
}
.example .container .box .top div:nth-child(1)::after{
    position: absolute;
    content: '';
    display: block;
    width: 96px;
	height: 1px;
	background-color: #c3c3c3;
    right: 326px;
    top: 12px;
}
/* 复用 */


.example .container .box ul{
    margin-top: 38px;
    width: 1060px;
    display: flex;
    justify-content: space-between;
}
.example .container .box ul img{
    width: 339px;
	height: 181px;
}
.example .container .box .bottom .bnt{
    margin-bottom: 20px;
    margin-top: 36px;
    border-radius: 18px;
    width: 176px;
	height: 37px;
	background-color: #66c5b4;
    margin-left: 436px;
}
.example .container .box .bottom .bnt div{
    font-family: ArialMT;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: center;
}
/* news 新资讯 */
.news .container{
    margin: 0 auto;
    width: 1080px;
    /* text-align: center; */
    padding-top: 55px;
    box-sizing: border-box;
}

/* 复用 */
.news .container .box{
    margin-bottom: 89px;
}
.news .container .box .top{
    margin-bottom: 63px;
    text-align: center;
}
.news .container .box .top div:nth-child(1){
	font-size: 20px;
	position: relative;
	color: #363636;
}
.news .container .box .top div:nth-child(2){
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	margin-top: 10px;
	color: #9f9f9f;
}
.news .container .box .top div:nth-child(1)::before{
    position: absolute;
    content: '';
    display: block;
    width: 96px;
	height: 1px;
	background-color: #c3c3c3;
    left: 326px;
    top: 12px;
}
.news .container .box .top div:nth-child(1)::after{
    position: absolute;
    content: '';
    display: block;
    width: 96px;
	height: 1px;
	background-color: #c3c3c3;
    right: 326px;
    top: 12px;
}
/* 复用 */
.news .container .box .main .left{
    float: left;
    margin-right: 15px;
}
.news .container .box .main .left img{
    width: 234px;
	height: 196px;
}
.news .container .box .main .right li .li_left div{
    font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #999999;
}
.news .container .box .main .right li .li_left .first{
    font-size: 39px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #66c5b4;
}
.news .container .box .main .right li .li_left{
    position: relative;
    float: left;
    margin-right: 37px;
    padding-top: 11px;
    box-sizing: border-box;
    text-align: center;
}
.news .container .box .main .right li .li_left::after{
    position: absolute;
    content: '';
    display: block;
    left: 62px;
    top: 6px;
    width: 1px;
	height: 71px;
	background-color: #dcdcdc;
}
.news .container .box .main .right li .li_right{
    float: left;
}
.news .container .box .main .right li .li_right div{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: 0px;
	color: #a4a4a4;
}
.news .container .box .main .right ul{
    display: flex;
    flex-wrap: wrap;
    width: 828px;
    height: 196px;
    align-content: space-between;
}
.news .container .box .main .right li .li_right div:nth-child(1){
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #3f3f3f;
}

/* footer 尾部 */
.footer{ 
    height: 54px;
    background-color: rgb(102, 197, 180);
}
.footer .container{
    width: 1074px;
    margin: 0 auto;
}
.footer .container .left{
    float: left;
}
.footer .container .left div{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 54px;
	letter-spacing: 0px;
	color: #ffffff;
    text-align: center;
}
.footer .container .right{
    float: right;
}
.footer .container .right ul{
    display: flex;
    justify-content: space-between;
    width: 258px;
}
.footer .container .right li{
    font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 54px;
	letter-spacing: 0px;
	color: #ffffff;
    position: relative;
}
.footer .container .right li::after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 11px;
    background-color: white;
    left: 54px;
    top: 22px;
}
.footer .container .right .last::after{
    display: none;
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
 }
 .clearfix {
    zoom:1; 
 }
